.ant-menu-submenu-title,
.ant-menu-item {
  fill: @light-color * 0.5;
}

:where(.ant-menu-root.ant-menu-horizontal).ant-menu {
  .ant-menu-item-selected {
    background: @primary-color*0.7 !important;
  }

  display: flex;
  align-items: center;
}

:where(.ant-menu-root.ant-menu-inline).ant-menu .ant-menu-item-selected,
:where(.ant-menu-root.ant-menu-inline).ant-menu
  > .ant-menu
  .ant-menu-item-selected {
  position: relative;
  margin-inline: 0;
  width: 100%;
  border-radius: 0;
  background-image: linear-gradient(to right, @primary-color*0.8, @deep-color);

  &::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: @primary-color;
    z-index: 1;
  }
}

:where(.ant-menu-root).ant-menu .ant-menu-item-selected,
:where(.ant-menu-root).ant-menu > .ant-menu .ant-menu-item-selected,
:where(.ant-menu-root).ant-menu:not(.ant-menu-horizontal)
  .ant-menu-item:not(.ant-menu-item-selected):active,
:where(.ant-menu-root).ant-menu
  > .ant-menu:not(.ant-menu-horizontal)
  .ant-menu-item:not(.ant-menu-item-selected):active,
:where(.ant-menu-root).ant-menu:not(.ant-menu-horizontal)
  .ant-menu-item:not(.ant-menu-item):active {
  background-image: linear-gradient(
    to right,
    @primary-color * 0.8,
    @deep-color
  );
  fill: #fff;
  background-color: @deep-color !important;
  border-radius: 0 !important;
}

:where(.ant-menu-root).ant-layout .ant-layout-sider,
:where(.ant-menu-root).ant-menu,
:where(.ant-menu-root).ant-menu > .ant-menu,
:where(.ant-menu-root).ant-menu
  > .ant-menu-submenu
  > .ant-menu-submenu-title:active,
:where(.ant-menu-root).ant-menu.ant-menu-inline .ant-menu-sub.ant-menu-inline,
:where(.ant-menu-root).ant-menu
  > .ant-menu.ant-menu-inline
  .ant-menu-sub.ant-menu-inline {
  background-color: initial;
}

.ant-menu .ant-menu-item,
.ant-menu > .ant-menu .ant-menu-item {
  height: 44px;
}

:where(.ant-menu-root).ant-menu-inline .ant-menu-item,
:where(.ant-menu-root).ant-menu-vertical .ant-menu-item,
:where(.ant-menu-root).ant-menu-inline .ant-menu-submenu-title,
:where(.ant-menu-root).ant-menu-vertical .ant-menu-submenu-title {
  margin-inline: 0 !important;
}

:where(.ant-menu-root).ant-menu .ant-menu-submenu-expand-icon,
:where(.ant-menu-root).ant-menu .ant-menu-submenu-arrow {
  color: @light-color;
  opacity: 0.6;
}

:where(.ant-menu-root).ant-layout .ant-layout-sider-trigger {
  background: @primary-color * 0.3;
}

:where(.ant-menu-root).ant-menu-inline-collapsed
  > .ant-menu-submenu
  .ant-menu-submenu-title
  svg
  + span,
:where(.ant-menu-root).ant-menu-inline-collapsed > .ant-menu-item svg + span {
  opacity: 0;
}

:where(.ant-menu-root).ant-menu-inline
  > .ant-menu-submenu
  .ant-menu-submenu-title
  svg,
:where(.ant-menu-root) .ant-menu-item svg {
  margin-right: 8px;
}
:where(.ant-layout) .layout-side-bar .ant-layout-sider {
  background: none;
}
.main_body {
  display: flex;
  flex-direction: column;
  flex: 1;
}
